﻿<!DOCTYPE html>
<html>
  <head>
    <title>对话框</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/对话框/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/对话框/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u8082" class="ax_default">
        <div id="u8082_state0" class="panel_state" data-label="State1" style="">
          <div id="u8082_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8083" class="ax_default box_2">
              <div id="u8083_div" class=""></div>
              <div id="u8083_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8084" class="ax_default paragraph">
              <div id="u8084_div" class=""></div>
              <div id="u8084_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u8085" class="ax_default" data-label="header">
        <div id="u8085_state0" class="panel_state" data-label="State1" style="">
          <div id="u8085_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8086" class="ax_default box_1">
              <div id="u8086_div" class=""></div>
              <div id="u8086_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8087" class="ax_default">
              <div id="u8087_state0" class="panel_state" data-label="State1" style="">
                <div id="u8087_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8088" class="ax_default box_1">
                    <div id="u8088_div" class=""></div>
                    <div id="u8088_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8089" class="ax_default box_1">
                    <div id="u8089_div" class=""></div>
                    <div id="u8089_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8090" class="ax_default box_1">
                    <div id="u8090_div" class=""></div>
                    <div id="u8090_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8091" class="ax_default box_1">
                    <img id="u8091_img" class="img " src="images/index/u10.svg"/>
                    <div id="u8091_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u8092" class="ax_default image">
                    <img id="u8092_img" class="img " src="images/index/u11.png"/>
                    <div id="u8092_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8093" class="ax_default paragraph">
                    <div id="u8093_div" class=""></div>
                    <div id="u8093_text" class="text ">
                      <p><span>iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u8081" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8094" class="ax_default box_1">
        <div id="u8094_div" class=""></div>
        <div id="u8094_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u8096" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8096_div" class=""></div>
        <div id="u8096_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8097" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8097_div" class=""></div>
        <div id="u8097_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8098" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8098_div" class=""></div>
        <div id="u8098_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8099" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8099_div" class=""></div>
        <div id="u8099_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8100" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-light">
        <div id="u8100_div" class=""></div>
        <div id="u8100_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8101" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8101_div" class=""></div>
        <div id="u8101_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8102" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8102_div" class=""></div>
        <div id="u8102_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8103" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8103_div" class=""></div>
        <div id="u8103_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8104" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8104_div" class=""></div>
        <div id="u8104_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8105" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8105_div" class=""></div>
        <div id="u8105_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8106" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8106_div" class=""></div>
        <div id="u8106_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8107" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8107_div" class=""></div>
        <div id="u8107_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8108" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8108_div" class=""></div>
        <div id="u8108_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8109" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8109_div" class=""></div>
        <div id="u8109_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8110" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8110_div" class=""></div>
        <div id="u8110_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8111" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8111_div" class=""></div>
        <div id="u8111_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8112" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8112_div" class=""></div>
        <div id="u8112_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8113" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8113_div" class=""></div>
        <div id="u8113_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8114" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8114_div" class=""></div>
        <div id="u8114_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8115" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8115_div" class=""></div>
        <div id="u8115_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8116" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8116_div" class=""></div>
        <div id="u8116_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8117" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-light">
        <div id="u8117_div" class=""></div>
        <div id="u8117_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8118" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8118_div" class=""></div>
        <div id="u8118_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8119" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8119_div" class=""></div>
        <div id="u8119_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8120" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8120_div" class=""></div>
        <div id="u8120_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8121" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8121_div" class=""></div>
        <div id="u8121_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8122" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8122_div" class=""></div>
        <div id="u8122_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8123" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8123_div" class=""></div>
        <div id="u8123_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8124" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8124_div" class=""></div>
        <div id="u8124_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8125" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8125_div" class=""></div>
        <div id="u8125_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8126" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-light">
        <div id="u8126_div" class=""></div>
        <div id="u8126_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8127" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8127_div" class=""></div>
        <div id="u8127_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8128" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8128_div" class=""></div>
        <div id="u8128_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8129" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8129_div" class=""></div>
        <div id="u8129_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8130" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8130_div" class=""></div>
        <div id="u8130_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8131" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8131_div" class=""></div>
        <div id="u8131_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8132" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8132_div" class=""></div>
        <div id="u8132_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8133" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8133_div" class=""></div>
        <div id="u8133_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8134" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-light">
        <div id="u8134_div" class=""></div>
        <div id="u8134_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8135" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8135_div" class=""></div>
        <div id="u8135_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8136" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8136_div" class=""></div>
        <div id="u8136_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8137" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8137_div" class=""></div>
        <div id="u8137_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8138" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8138_div" class=""></div>
        <div id="u8138_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8139" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-light">
        <div id="u8139_div" class=""></div>
        <div id="u8139_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8140" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-light">
        <div id="u8140_div" class=""></div>
        <div id="u8140_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8141" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8141_div" class=""></div>
        <div id="u8141_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8142" class="ax_default box_1 selected" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8142_div" class="selected"></div>
        <div id="u8142_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8143" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-light">
        <div id="u8143_div" class=""></div>
        <div id="u8143_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8144" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8144_div" class=""></div>
        <div id="u8144_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8145" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8145_div" class=""></div>
        <div id="u8145_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8146" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8146_div" class=""></div>
        <div id="u8146_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8147" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8147_div" class=""></div>
        <div id="u8147_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8148" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8148_div" class=""></div>
        <div id="u8148_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8149" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8149_div" class=""></div>
        <div id="u8149_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8150" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8150_div" class=""></div>
        <div id="u8150_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8151" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8151_div" class=""></div>
        <div id="u8151_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8152" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8152_div" class=""></div>
        <div id="u8152_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8153" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8153_div" class=""></div>
        <div id="u8153_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8154" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8154_div" class=""></div>
        <div id="u8154_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8155" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8155_div" class=""></div>
        <div id="u8155_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8156" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8156_div" class=""></div>
        <div id="u8156_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8157" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8157_div" class=""></div>
        <div id="u8157_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8158" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8158_div" class=""></div>
        <div id="u8158_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8159" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-light">
        <div id="u8159_div" class=""></div>
        <div id="u8159_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8160" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-light">
        <div id="u8160_div" class=""></div>
        <div id="u8160_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8161" class="ax_default box_1" selectiongroup="u8095nav-cebianlan-fenzu-light">
        <div id="u8161_div" class=""></div>
        <div id="u8161_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">列表</span></p>
        </div>
      </div>
      <div id="u8095" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u8163" class="ax_default">
        <div id="u8163_state0" class="panel_state" data-label="State1" style="">
          <div id="u8163_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8164" class="ax_default box_1">
              <div id="u8164_div" class=""></div>
              <div id="u8164_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8165" class="ax_default">
              <div id="u8165_state0" class="panel_state" data-label="State1" style="">
                <div id="u8165_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8166" class="ax_default box_1">
                    <div id="u8166_div" class=""></div>
                    <div id="u8166_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8167" class="ax_default label">
                    <div id="u8167_div" class=""></div>
                    <div id="u8167_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8168" class="ax_default label">
                    <div id="u8168_div" class=""></div>
                    <div id="u8168_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8169" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8170" class="ax_default label">
                      <div id="u8170_div" class=""></div>
                      <div id="u8170_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8171" class="ax_default paragraph">
                      <div id="u8171_div" class=""></div>
                      <div id="u8171_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8172" class="ax_default label">
                    <div id="u8172_div" class=""></div>
                    <div id="u8172_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8173" class="ax_default label">
                    <div id="u8173_div" class=""></div>
                    <div id="u8173_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8174" class="ax_default label">
                    <div id="u8174_div" class=""></div>
                    <div id="u8174_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8175" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8176" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8177" class="ax_default">
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8178" class="ax_default label">
                    <div id="u8178_div" class=""></div>
                    <div id="u8178_text" class="text ">
                      <p><span>版本号4.0</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8179" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8180" class="ax_default label">
                      <div id="u8180_div" class=""></div>
                      <div id="u8180_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8181" class="ax_default paragraph">
                      <div id="u8181_div" class=""></div>
                      <div id="u8181_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8182" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8183" class="ax_default label">
                      <div id="u8183_div" class=""></div>
                      <div id="u8183_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8184" class="ax_default paragraph">
                      <div id="u8184_div" class=""></div>
                      <div id="u8184_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u8185" class="ax_default image">
                    <img id="u8185_img" class="img " src="images/index/u11.png"/>
                    <div id="u8185_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8186" class="ax_default box_1">
                    <img id="u8186_img" class="img " src="images/index/u10.svg"/>
                    <div id="u8186_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u8162" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8187" class="ax_default heading_1">
        <div id="u8187_div" class=""></div>
        <div id="u8187_text" class="text ">
          <p><span>Modal 对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8188" class="ax_default heading_1">
        <div id="u8188_div" class=""></div>
        <div id="u8188_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8189" class="ax_default label">
        <div id="u8189_div" class=""></div>
        <div id="u8189_text" class="text ">
          <p><span>模态对话框，在浮层中显示，引导用户进行相关操作。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8190" class="ax_default" data-left="230" data-top="333" data-width="530" data-height="200">

        <!-- Unnamed (Rectangle) -->
        <div id="u8191" class="ax_default box_1">
          <div id="u8191_div" class=""></div>
          <div id="u8191_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u8192" class="ax_default" data-left="230" data-top="333" data-width="530" data-height="52">

          <!-- Unnamed (Rectangle) -->
          <div id="u8193" class="ax_default box_1">
            <div id="u8193_div" class=""></div>
            <div id="u8193_text" class="text ">
              <p><span>普通的Modal对话框标题</span></p>
            </div>
          </div>

          <!-- Unnamed (Line) -->
          <div id="u8194" class="ax_default line">
            <img id="u8194_img" class="img " src="images/对话框/u8194.svg"/>
            <div id="u8194_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8195" class="ax_default label">
          <div id="u8195_div" class=""></div>
          <div id="u8195_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8196" class="ax_default label">
          <div id="u8196_div" class=""></div>
          <div id="u8196_text" class="text ">
            <p><span>对话框内容</span></p><p><span>对话框内容</span></p><p><span>对话框内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u8197" class="ax_default" data-left="230" data-top="468" data-width="530" data-height="65">

          <!-- Unnamed (Rectangle) -->
          <div id="u8198" class="ax_default box_1">
            <div id="u8198_div" class=""></div>
            <div id="u8198_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Line) -->
          <div id="u8199" class="ax_default line">
            <img id="u8199_img" class="img " src="images/对话框/u8194.svg"/>
            <div id="u8199_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8200" class="ax_default box_1">
          <div id="u8200_div" class=""></div>
          <div id="u8200_text" class="text ">
            <p><span>确定</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8201" class="ax_default box_1">
          <img id="u8201_img" class="img " src="images/对话框/u8201.svg"/>
          <div id="u8201_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8202" class="ax_default label">
        <div id="u8202_div" class=""></div>
        <div id="u8202_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8203" class="ax_default label">
        <div id="u8203_div" class=""></div>
        <div id="u8203_text" class="text ">
          <p><span>做了无动效和有动效的两个版本。</span></p>
        </div>
      </div>

      <!-- normal (Dynamic Panel) -->
      <div id="u8204" class="ax_default ax_default_hidden" data-label="normal" style="display:none; visibility: hidden">
        <div id="u8204_state0" class="panel_state" data-label="State1" style="">
          <div id="u8204_state0_content" class="panel_state_content">

            <!-- content (Dynamic Panel) -->
            <div id="u8205" class="ax_default" data-label="content">
              <div id="u8205_state0" class="panel_state" data-label="State1" style="">
                <div id="u8205_state0_content" class="panel_state_content">

                  <!-- Unnamed (Group) -->
                  <div id="u8206" class="ax_default" data-left="0" data-top="0" data-width="530" data-height="200">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8207" class="ax_default box_1">
                      <div id="u8207_div" class=""></div>
                      <div id="u8207_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u8208" class="ax_default" data-left="0" data-top="0" data-width="530" data-height="52">

                      <!-- Unnamed (Rectangle) -->
                      <div id="u8209" class="ax_default box_1">
                        <div id="u8209_div" class=""></div>
                        <div id="u8209_text" class="text ">
                          <p><span>普通的Modal对话框标题</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (Line) -->
                      <div id="u8210" class="ax_default line">
                        <img id="u8210_img" class="img " src="images/对话框/u8194.svg"/>
                        <div id="u8210_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8211" class="ax_default label">
                      <div id="u8211_div" class=""></div>
                      <div id="u8211_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8212" class="ax_default label">
                      <div id="u8212_div" class=""></div>
                      <div id="u8212_text" class="text ">
                        <p><span>对话框内容</span></p><p><span>对话框内容</span></p><p><span>对话框内容</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u8213" class="ax_default" data-left="0" data-top="135" data-width="530" data-height="65">

                      <!-- Unnamed (Rectangle) -->
                      <div id="u8214" class="ax_default box_1">
                        <div id="u8214_div" class=""></div>
                        <div id="u8214_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>

                      <!-- Unnamed (Line) -->
                      <div id="u8215" class="ax_default line">
                        <img id="u8215_img" class="img " src="images/对话框/u8194.svg"/>
                        <div id="u8215_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8216" class="ax_default box_1">
                      <div id="u8216_div" class=""></div>
                      <div id="u8216_text" class="text ">
                        <p><span>确定</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8217" class="ax_default box_1">
                      <img id="u8217_img" class="img " src="images/对话框/u8201.svg"/>
                      <div id="u8217_text" class="text ">
                        <p><span>取消</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8218" class="ax_default box_1">
        <div id="u8218_div" class=""></div>
        <div id="u8218_text" class="text ">
          <p><span>打开对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8219" class="ax_default label">
        <div id="u8219_div" class=""></div>
        <div id="u8219_text" class="text ">
          <p><span>全屏对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8220" class="ax_default label">
        <div id="u8220_div" class=""></div>
        <div id="u8220_text" class="text ">
          <p><span>自动适配屏幕大小</span></p>
        </div>
      </div>

      <!-- fullscreen (Dynamic Panel) -->
      <div id="u8221" class="ax_default ax_default_hidden" data-label="fullscreen" style="display:none; visibility: hidden">
        <div id="u8221_state0" class="panel_state" data-label="State1" style="">
          <div id="u8221_state0_content" class="panel_state_content">

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8222" class="ax_default">
              <div id="u8222_state0" class="panel_state" data-label="State1" style="">
                <div id="u8222_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8223" class="ax_default box_1">
                    <div id="u8223_div" class=""></div>
                    <div id="u8223_text" class="text ">
                      <p><span>普通的Modal对话框标题</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Line) -->
                  <div id="u8224" class="ax_default line">
                    <img id="u8224_img" class="img " src="images/对话框/u8224.svg"/>
                    <div id="u8224_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8225" class="ax_default">
              <div id="u8225_state0" class="panel_state" data-label="State1" style="">
                <div id="u8225_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8226" class="ax_default label">
                    <div id="u8226_div" class=""></div>
                    <div id="u8226_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8227" class="ax_default label">
              <div id="u8227_div" class=""></div>
              <div id="u8227_text" class="text ">
                <p><span>对话框内容</span></p><p><span>对话框内容</span></p><p><span>对话框内容</span></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8228" class="ax_default">
              <div id="u8228_state0" class="panel_state" data-label="State1" style="">
                <div id="u8228_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8229" class="ax_default box_1">
                    <div id="u8229_div" class=""></div>
                    <div id="u8229_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Line) -->
                  <div id="u8230" class="ax_default line">
                    <img id="u8230_img" class="img " src="images/对话框/u8224.svg"/>
                    <div id="u8230_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8231" class="ax_default">
              <div id="u8231_state0" class="panel_state" data-label="State1" style="">
                <div id="u8231_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8232" class="ax_default box_1">
                    <div id="u8232_div" class=""></div>
                    <div id="u8232_text" class="text ">
                      <p><span>确定</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8233" class="ax_default box_1">
                    <img id="u8233_img" class="img " src="images/对话框/u8201.svg"/>
                    <div id="u8233_text" class="text ">
                      <p><span>取消</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8234" class="ax_default box_1">
        <div id="u8234_div" class=""></div>
        <div id="u8234_text" class="text ">
          <p><span>打开全屏对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8235" class="ax_default heading_1">
        <div id="u8235_div" class=""></div>
        <div id="u8235_text" class="text ">
          <p><span>实例化使用方法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8236" class="ax_default label">
        <div id="u8236_div" class=""></div>
        <div id="u8236_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8237" class="ax_default label">
        <div id="u8237_div" class=""></div>
        <div id="u8237_text" class="text ">
          <p><span>四种基本的对话框，只提供一个确定按钮。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8238" class="ax_default box_1">
        <div id="u8238_div" class=""></div>
        <div id="u8238_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8239" class="ax_default box_1">
        <div id="u8239_div" class=""></div>
        <div id="u8239_text" class="text ">
          <p><span>确定</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8240" class="ax_default heading_3">
        <div id="u8240_div" class=""></div>
        <div id="u8240_text" class="text ">
          <p><span>对话框的标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8241" class="ax_default heading_3">
        <div id="u8241_div" class=""></div>
        <div id="u8241_text" class="text ">
          <p><span>一些对话框内容</span></p><p><span>一些对话框内容</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8242" class="ax_default label">
        <div id="u8242_div" class=""></div>
        <div id="u8242_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- normal2 (Dynamic Panel) -->
      <div id="u8243" class="ax_default ax_default_hidden" data-label="normal2" style="display:none; visibility: hidden">
        <div id="u8243_state0" class="panel_state" data-label="State1" style="">
          <div id="u8243_state0_content" class="panel_state_content">

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8244" class="ax_default">
              <div id="u8244_state0" class="panel_state" data-label="State1" style="">
                <div id="u8244_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8245" class="ax_default box_1">
                    <div id="u8245_div" class=""></div>
                    <div id="u8245_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8246" class="ax_default box_1">
                    <div id="u8246_div" class=""></div>
                    <div id="u8246_text" class="text ">
                      <p><span>确定</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8247" class="ax_default heading_3">
                    <div id="u8247_div" class=""></div>
                    <div id="u8247_text" class="text ">
                      <p><span>对话框的标题</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8248" class="ax_default heading_3">
                    <div id="u8248_div" class=""></div>
                    <div id="u8248_text" class="text ">
                      <p><span>一些对话框内容</span></p><p><span>一些对话框内容</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8249" class="ax_default label">
                    <div id="u8249_div" class=""></div>
                    <div id="u8249_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8250" class="ax_default box_1">
        <div id="u8250_div" class=""></div>
        <div id="u8250_text" class="text ">
          <p><span>打开对话框</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
